草庐IT

css - seo和div显示:none

全部标签

javascript - Angular 2/4 - Material Design Snackbars 按顺序显示多条消息

我实现了一个显示snackbar的“snackbar服务”:snackbar.service.tsimport{Subscription}from'rxjs/Subscription';import{Subject}from'rxjs/Subject';import{Inject,Injectable,OnDestroy}from'@angular/core';import{MatSnackBar,MdSnackBarConfig}from'@angular/material/snack-bar';import{MdSnackBarRef,SimpleSnackBar}from'@an

javascript - 如何使用 Javascript 或 jQuery 库显示打字速度?

我想在联系表单中使用的文本区域正下方添加一个打字速度指示器。这只是为了好玩,并让用户在填写表单时与页面进行一些互动。它应该在打字时显示平均速度,并在击键空闲时保持最后的平均速度。当他们离开文本区域时,最后的平均值应该保持不变。理想情况下,我希望有一个jQuery插件(如果可用的话)。[编辑]这最初只是为了我的几个网站。但是在我发布问题之后,我突然想到这对于SO来说是一个很好的功能。如果您同意votehere 最佳答案 这是一个经过测试的实现,看起来不错,但我不保证数学。演示:http://jsfiddle.net/iaezzy/pL

javascript - 如果内容为空,如何使用 jquery 删除 DIV?

我正在寻找一种使用jquery删除以下空div的方法。下面的div有时会输出里面没有内容。出于显示原因,我需要在它为空时将其删除。想法?我一直在尝试以下及其变体,但没有任何运气。 最佳答案 这是可行的,假设您没有想要保留的其他div.group_call_to_action_aside:if($('.group_call_to_action_aside').is(':empty')){$('.group_call_to_action_aside').remove();}注意:我已经为div设置了样式,因此您可以在js生效之前看到它的

javascript - 解析 CSS 背景图像

如何解析CSSbackground-image,它支持多个值,可以是none和函数(例如url()和linear-gradient())有多个逗号分隔的参数?我似乎无法用正则表达式正确地做到这一点。一个好的测试用例如下:linear-gradient(topleft,red,rgba(255,0,0,0)),url(a),image(url(b.svg),'b.png'150dpi,'b.gif',rgba(0,0,255,0.5)),none我想将其转换为以下数组:["linear-gradient(topleft,red,rgba(255,0,0,0))","url(a)","im

javascript - 文字装饰 :none doesn't remove text decoration

考虑以下代码HTML:Home[2]CSS:.c1{text-decoration:underline;}#id1{text-decoration:none!important;}现在我期望Home在上标[2]时有下划线没有下划线。但碰巧上标也有下划线。我在这里错过了什么??http://jsfiddle.net/sasidhar/DTpEa/ 最佳答案 如果您考虑一下,sup没有下划线。但是span仍然是。由于sup位于span内,您看到的下划线似乎是sup的下划线。考虑这个演示:http://jsfiddle.net/mrchi

javascript - 使用 JavaScript 读取元素的 CSS 属性

因此,如果有一个链接到网页的css文件,例如:我想读取某个属性,例如一个div有className='layout',我想使用JavaScript读取这个属性的详细信息,我该怎么做?我搜索了很多但几乎没有运气,请建议。 最佳答案 你有两个选择:手动枚举和解析document.styleSheets对象(不推荐,除非你想获得某个选择器定义的所有特定样式属性)。创建一个与选择器匹配的元素,并使用getComputedStyle或currentStyle(IE)方法获取属性值。在您的示例中,尝试使用class="layout"获取div的

javascript - 如何显示人类可读的 "time ago"

我的用户上次登录时间为2012年1月25日,星期三,美国标准时间15:50:09我怎样才能将其显示为“10分钟前”。有js吗? 最佳答案 我一直用timeago,它是一个jQuery插件,非常容易使用。主页中的示例是不言自明的:$("abbr.timeago").timeago();将转换此标记:July17,2008进入这个:3yearsago在某些情况下,使用datejs也很有用,特别是如果您想将人类可读格式的日期转换为时间戳,但在您的情况下,我认为您并不真正需要它。 关于javas

javascript - 带动画的 CSS 灰度

我有一些CSS可以将我的图像变成灰度(带有一些用于Firefox的svg)img.grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(desaturate.svg#greyscale);filter:gray;-webkit-filter:grayscale(1);}但现在我想要悬停时将灰度值更改为0的动画。我有这段代码,但它什么

javascript - 如何将 CSS 过渡设置为新元素或使用 JavaScript 执行相同操作

我看到一个CSS3菜单,它有很好的过渡效果:transition:all0.3sease0.1s;我想对我的表格应用相同的过渡。我有一个表格,在表格行上点击,新行被添加到点击的行之后,它被显示或隐藏。就像下面的代码(clickedTableRow具有用于点击行的jQuery选择器的值):clickedTableRow.after('somecontent');clickedTableRow.next().slideDown(3000);我怎样才能将上述css转换应用于新添加的表格行,而不是slideDown或者是否有等效的javascript?问题更新:也许我应该改写。将一些新创建的内

javascript - 水平滚动的 Css 位置固定但垂直滚动

我有如下三个div:现在我需要做的是保持#left和#right固定用于水平滚动和滚动#center。这适用于#left和#right的cssposition:fixed。但问题是,当我垂直滚动html页面时,我需要所有div的,即#left、#center和#right滚动。这是行不通的。请任何人帮助我如何做到这一点,以便#left和#right与#center一起垂直滚动,并在水平滚动时保持固定。我不知道如何使用css来完成它并让它工作。 最佳答案 试试这个链接,它使用一个名为scrollspy的插件来做这些事情。很简单...h